<template>
	<view>
		<u-navbar :border-bottom='false' back-icon-size='48' back-icon-color='#333333' title="订单中心" title-color='#333333'></u-navbar>
		<u-gap height="20" bg-color="#F2F2F7"></u-gap>
		<view class="cell">
			<u-cell-group :border='false'>
				<u-cell-item :border-top='false' title="旅游订单" :title-style="titleStyle" @click="navTo('./travel/travel')">
					<image class="icons" slot='icon' src="../../../static/imgs/lvyoudd.png" mode=""></image>
				</u-cell-item>
				<u-cell-item :border-top='false' title="到店订单" :title-style="titleStyle" @click="navTo('./arrival/arrival')">
					<image class="icons" slot='icon' src="../../../static/imgs/daodiandd.png" mode=""></image>
				</u-cell-item>
				<u-cell-item :border-top='false' title="商城订单" :title-style="titleStyle" @click="navTo('./store/store')">
					<image class="icons" slot='icon' src="../../../static/imgs/shangchengdd.png" mode=""></image>
				</u-cell-item>
				<u-cell-item :border-top='false' title="其他订单" :title-style="titleStyle" @click="navTo('./other/other')">
					<image class="icons" slot='icon' src="../../../static/imgs/qitadd.png" mode=""></image>
				</u-cell-item>
			</u-cell-group>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				titleStyle:{
					'fontSize':'32rpx',
					'color':'#333333',
					'font-weight':'400'
				},
			}
		},
		methods:{
			navTo(url){
				uni.navigateTo({
					url:url
				})
			}
		}
	}
</script>

<style>
	page {
		background-color: #FFFFFF;
	}
</style>
<style lang="scss" scoped>
	.cell {
		.icons{
			margin-right: 24rpx;
			width: 48rpx;
			height: 48rpx;
		}
	}
</style>
